﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="eProcurement.Default" %>

<%@ Register Src="~/controls/Login.ascx" TagPrefix="uc1" TagName="Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>eTender - Homepage</title>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/carousel.css" rel="stylesheet" />
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="navbar-wrapper">
            <div class="container">
                <div class="navbar navbar-inverse navbar-static-top" role="navigation">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">eTender</a>
                        </div>
                        <div class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="Default.aspx">Home</a></li>
                                <li><a href="members/Categories.aspx">Bids & Projects</a></li>
                                <li><a href="AboutUs.aspx">About Us</a></li>
                                <li><a href="ContactUs.aspx">Contact</a></li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                              <li>
                                  <uc1:Login runat="server" ID="Login" />
                              </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class=""></li>
                <li data-target="#myCarousel" data-slide-to="1" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="2" class=""></li>
            </ol>
            <div class="carousel-inner">
                <div class="item">
                    <img src="images/0004.jpg" alt="First slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1>Sign Up Today</h1>
                            <p>Sign up today and take advantage of the eProcurement platform.</p>
                            <p><a class="btn btn-lg btn-primary" href="Packages.aspx" role="button">Sign up today</a></p>
                        </div>
                    </div>
                </div>
                <div class="item active">
                    <img src="images/0002.jpg" alt="Second slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1>Online Tendering</h1>
                            <p>eProcurement provides an online solution that allows you to manage your tendering process.</p>
                            <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="images/0003.jpg" alt="Third slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1>Evaluate Bids Online</h1>
                            <p>Evaluate bids in alignment with industry best practices.</p>
                            <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn More</a></p>
                        </div>
                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
        <div class="container marketing">

            <!-- Three columns of text below the carousel -->
            <div class="row">
                <div class="col-lg-4">
                    <img class="" src="images/edit26.png" alt="Generic placeholder image" style="width: 140px; height: 140px;">
                    <h2>Sign Up</h2>
                    <p>Sign up as a Supplier or as a Purchaser to take advantage of this offering. As a Supplier you would be able to bid for projects. As a Purchaser you would be able to offer your projects for tender.</p>
                    <p><a class="btn btn-default" href="Packages.aspx" role="button">Read More »</a></p>
                </div>
                <!-- /.col-lg-4 -->
                <div class="col-lg-4">
                    <img class="img-circle" src="images/businessman205.png" alt="Generic placeholder image" style="width: 140px; height: 140px;">
                    <h2>Who are we?</h2>
                    <p>A company that is dedicated to disrupting the Procurement process. By providing a cloud platform your company won't be required to invest in servers and security. Sign up today and take advantage of eProcurement.</p>
                    <p><a class="btn btn-default" href="#WhoAreWe" role="button">Read More »</a></p>
                </div>
                <!-- /.col-lg-4 -->
                <div class="col-lg-4">
                    <img class="" src="images/multiple25.png" alt="Generic placeholder image" style="width: 140px; height: 140px;">
                    <h2>About Us</h2>
                    <p>We have a team dedicated to working to ensure that your every need is met. The platform is secure for all users and we ensure that tenders are treated according to industry best practices.</p>
                    <p><a class="btn btn-default" href="#AboutUs" role="button">Read More »</a></p>
                </div>
                <!-- /.col-lg-4 -->
            </div>
            <!-- /.row -->


            <!-- START THE FEATURETTES -->

            <hr class="featurette-divider" />
            <a name="WhoAreWe"></a>
            <div class="row featurette">
                <div class="col-md-7">
                    <h2 class="featurette-heading">Now you have my attention. <span class="text-muted">What is procurement?</span></h2>
                    <p class="lead">Procurement is the acquisition of goods, services or works from an outside external source. It is favourable that the goods, services or works are appropriate and that they are procured at the best possible cost to meet the needs of the purchaser in terms of quality and quantity, time, and location.</p>
                </div>
                <div class="col-md-5">
                    <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="500x500" src="images/contract.jpeg">
                </div>
            </div>

            <hr class="featurette-divider">
            <a name="AboutUs"></a>
            <div class="row featurette">
                <div class="col-md-5">
                    <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="500x500" src="images/work-for-team-or-family.jpg">
                </div>
                <div class="col-md-7">
                    <h2 class="featurette-heading">Who are we? <span class="text-muted">See for yourself.</span></h2>
                    <p class="lead">We are a company that believes the procurement process should be fair and as easy as possible for every party involved. We pride ourselves on creating products that promote transparency and creates equal opportunities for every bidder.</p>
                </div>
            </div>

            <hr class="featurette-divider" />

            <div class="row featurette">
                <div class="col-md-7">
                    <h2 class="featurette-heading">What do we do? <span class="text-muted">Provide a meeting place.</span></h2>
                    <p class="lead">eProcurement provides a platform that allows business-to-business or business-to-consumer or business-to-government purchase and sale of supplies, work, and services through the Internet. Our platform promotes fairness with all tenders and creates an environment where we can all be winners.</p>
                </div>
                <div class="col-md-5">
                    <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="500x500" src="images/76756445.jpg">
                </div>
            </div>

            <hr class="featurette-divider" />

            <!-- /END THE FEATURETTES -->


            <!-- FOOTER -->
            <footer>
                <p class="pull-right"><a href="#">Back to top</a></p>
                <p>© 2014 AgileLight, Inc. · <a href="Privacy.aspx">Privacy</a> · <a href="Privacy.aspx">Terms</a></p>
            </footer>

        </div>
    </form>
</body>
</html>
